

<HTML>
<HEAD>
<TITLE>Eighth Test of Section 16.3 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
#id1 {text-shadow: 0.2em 0.2em}
#id2 {text-shadow: 3px 3px 5px red}
#id3 {text-shadow: inherit}





</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Eighth Testable Statement of Sec 16.3 of CSS2 Specification
</h1>


<ul>
<li  >
8. The text-shadow property has possible values of: "none
|[color|length length length?]*[color||length length length?]|inherit".
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p ID=id1 >
If statement #8 above is passed, then
this paragraph should have a text-shadow of 0.2em 0.2em.
The rule applied is "#id1 {text-shadow: 0.2em 0.2em}".
<p ID=id2>
THis paragraph should have a text-shadow of 3px 3px 5px red.
The rule applied is "#id2 {text-shadow: 3px 3px 5px red}".
<p ID=id3>
This paragraph should have a text-shadow of inherit.
The rule applied is "#id3 {text-shadow: inherit}".
<p>
All other properties of this page should be UA-default.


</BODY>
</HTML>

